<fieldset id="cadastroAluno">
	<legend>Cadastro de Alunos</legend>

	<label>Nome</label>
	<input type="text" id="nomeAluno" class="input-xxlarge" name="nome" />

	<label>Matricula</label>
	<input type="text" id="matriculaAluno" class="input-large" name="matricula" />

	<label for="escolaAluno">Escola</label>
	<select id="escolaAluno" class="input-xxlarge">
		<option value="">Selecione...</option>
		<?php foreach ($escolas as $escola): ?>
		<option value="<?= $escola['id'] ?>"> <?= $escola['nome'] ?> </option>
		<?php endforeach ?>	
	</select>

	<label for="etapaAluno">Etapa</label>
	<select id="etapaAluno" class="input-xlarge">
		<option value="">Selecione...</option>
		<?php foreach ($etapas as $etapa): ?>
		<option value="<?= $etapa['id'] ?>"> <?= $etapa['nome'] ?> </option>
		<?php endforeach ?>	
	</select>

	<label for="turmaAluno">Turma</label>
	<select id="turmaAluno" class="input-large" name="turma_id">
		<option id="selecioneTurma" value="">Selecione...</option>
	</select>

	<div style="padding-top: 20px; margin-botton: 10px;">
		<button class="btn btn-primary btn-large" id="salvarButton">Salvar</button>
	</div>

</fieldset>

<script type="text/javascript">
	var aluno_id = null;

	$(document).ready(function(){
		$("#salvarButton").click(function(){
			var data = form.serialize('cadastroAluno');
			
			if(aluno_id != null){
				data['id'] = aluno_id;
			}

			form.submit('<?= base_url() ?>aluno/salvar',
					    data,
					    'POST');
		});

		$('#etapaAluno').change(carregarTurma);
		load();
	});

	function load(){
		var id = form.loadVar('id');

		if(!id)
			return;

		modal.carregando();

		$.ajax({
			url: '<?= base_url() ?>aluno/show_info_json',
			data: {id: id},
			type: 'GET',
			success: function(result){
				var jsonResult = JSON.parse(result);
				$.each(jsonResult, function(v,i){
					if(v == 'id')
						aluno_id = i;

					$('[name=' + v + ']').val(i);
				});

				prepareCombo(jsonResult.turma_id);
				modal.encerrar();
			},
			error: function(){
				modal.message('Erro ao carregar informações');
			}
		});

	}

	function carregarTurma(callback){
		$('#turmaAluno').html('');

		$.ajax({
			url: '<?= base_url();?>aluno/listar_turmas',
			data: { escola_id: $('#escolaAluno').val(), etapa_id: $('#etapaAluno').val() },
			type: 'GET',
			success: function(result){
				$('#selecioneTurma').text('Selecione...');
				$('#selecioneTurma').parent().attr('disabled', false);
				$('#turmaAluno').append(result);

				if(callback)
					callback();
			},
			error: function(){
				modal.message('Erro ao carregar informações');	
			}
		});00
	}

	function prepareCombo(turma_id){
		$.ajax({
			url: '<?= base_url(); ?>aluno/carregar_turma',
			data: { id: turma_id},
			type: 'GET',
			success: function(result){
				console.log(result);

				var jsonResult = JSON.parse(result);

				$('#escolaAluno').val(jsonResult.escola_id);
				$('#etapaAluno').val(jsonResult.etapa_id);
				carregarTurma(function(){ $('#turmaAluno').val(turma_id); });
			},
			error: function(){
				modal.message("Erro ao carregar informações sobre turmas");
			}
		});
	}

</script>